<!-- pic -->
<template>
  
      <div class="card" @tap="details">
        <div class="img">
          <img src="~@/static/home/pic.png">
        </div>
        <div class="info">
          <h2>美的M1-L213C微波炉智能你小型多功能全自动家...</h2>
          <div class="jifen">
            <div>积分 <span>49.90</span></div>
            <div><van-tag type="danger">券50元</van-tag></div>
          </div>
          <div class="yuanjia">
            <span>原价 <del>59.90</del></span>
            <span>月销 3511</span>
          </div>
        </div>
      </div>

</template>

<script>
export default {
  pops:[],
  data () {
    return {
    };
  },
  components: {},
  computed: {},
  mounted(){},
  methods: {
		details(){
			uni.navigateTo({
					url: '/pages/details/details'
			});
		}
	}
}

</script>
<style lang='less' scoped>
	
			.card{
				float: left;
				margin-bottom: 20upx;
				width: 346upx;
				background: #fff;
				border-radius: 10upx;
				position: relative;
				.img{
					float: left;
					width: 346upx;
					height: 346upx;
					position: relative;
					img{width: 100%;height: 100%;}
				}
				.info{
					width: 100%;
					display: inline-block;
					padding: 0 15upx 20upx;
					box-sizing:border-box;
					h2{
						font-size: 26upx;
						color: #000;
						margin-top: 10upx;
						margin-bottom: 10upx;
					}
					.jifen{
						color: #FF4439;
						font-size: 20upx;
            span{font-size: 30upx;font-weight: bold}
            display:flex;
            justify-content: space-between;
					}
					.yuanjia{
						width: 100%;
						display: inline-block;
						color: #A9A9A9;
						font-size: 20upx;
						width: 100%;
						span:nth-child(1){float: left;
							del{text-decoration:line-through;display: inline;}
						}
						span:nth-child(2){float: right;right: 20upx;}
					}
				}
			}
		
</style>